<template>
  <div>
    <el-dialog
      :visible.sync="dialogVisible"
      width="1300px"
      top="5vh"
      :append-to-body="true"
    >
      <div slot="title" class="headerTitle">
        <span class="title">方案校核-</span>
        <span class="subtitle">{{ dialogTitle }}</span>
      </div>
      <div class="model-view">
        <div class="chartBox">
          <img src="./testPic.png" />
        </div>
        <div class="contentBox">
          <CleanForm
            searShow="false"
            btnShow="false"
            :showColumnHandle="false"
            :api="queryTableList"
            :fieldList="headList"
            :showColumnSetting="false"
            :page="false"
            :dialogPage="true"
            :showExportBtn="false"
            :showCheckbox="false"
            ref="windPowerTable"
            size="mini"
          >
          </CleanForm>
        </div>
      </div>
      <div
        slot="footer"
        class="dialog-footer"
        style="text-align: left !important; margin-top: -35px"
      >
        <div class="resultBox">
          <!-- <div class="icon"><i class="el-icon-success"></i></div>
          <div class="text">校核通过，规划方案满足电力承载力要求</div> -->
          <el-alert
            show-icon
            title="校核通过，规划方案满足电力承载力要求"
            type="success"
            :closable="false"
          >
          </el-alert>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "ConfigurationRevisionEdit",
  model: {},
  props: {
    dialogTitle: {
      type: String,
      default: "规划方案详情",
    },
    dialogVisible: {
      type: Boolean,
      default: false,
    },
    diglogFormData: {
      type: Object,
      default: () => {},
    },
    // 表格字段配置
    headList: {
      type: Array,
      default: () => [],
    },
    // 查询条件
    queryTableList: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },

  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.saveBtn {
  background: #00796a;
  color: #fff;
}

.chartBox {
  width: 100%;
  display: flex;
  justify-content: center;
}

.contentBox {
  height: 33vh;
}

::deep .el-button--primary {
  background: #00796a !important;
}

.headerTitle {
  .title {
    font-size: 16px;
  }
  .subtitle {
    color: #666;
  }
}

::v-deep .el-dialog {
  height: auto;
  overflow: auto;
}

.resultBox {
  width: 460px;
  height: 70px;
  display: flex;
  border-radius: 5px;
  padding: 1%;
}
</style>

<style lang="scss">
.ConfigurationRevisionConfirmBtn {
  background: #00796a !important;
  color: #fff !important;
}
.ConfigurationRevisionTitle {
  line-height: 24px;
  display: flex;
}
</style>
